<!--
 * @Description  :
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2022-03-23 14:24:05
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-04-08 14:04:13
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\bulk\\confir-receipt\\confir-receipt.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<!--
 * @Description  :
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2021-12-14 15:02:52
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-03-04 09:38:45
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\bulk\\confir-receipt\\confir-receipt.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->

<sv-container col="1">
  <sv label="运单号">
    <span>
      {{i?.billCode}}
     </span>
  </sv>
  <sv label="签收人">
    <span>
       <input nz-input   [(ngModel)]="inputValue" />
     </span>
  </sv>
  <sv label="签收时间">
    <span>
         <nz-date-picker
           nzShowTime
           nzFormat="yyyy-MM-dd HH:mm:ss"
           [(ngModel)]="inputTime"
           nzPlaceHolder="Start"
         ></nz-date-picker>
     </span>
  </sv>


<sv label="回单凭证">
  <nz-upload
    class="avatar-uploader"
    [nzAction]="service.$api_upload_url"
    [nzName]="'multipartFile'"
    nzListType="picture-card"
    [(nzFileList)]="listImagUrls"
    [nzShowButton]="listImagUrls.length < 5"
    [nzPreview]="handlePreview1"
    [nzBeforeUpload]="beforeUpload"
    (nzChange)="handleChange1($event)"
  >
    <div>
      <i nz-icon nzType="plus"></i>
      <div style="margin-top: 8px">请上传图片</div>
    </div>
  </nz-upload>
  <nz-modal [nzVisible]="previewVisible1" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible1 = false">
    <ng-template #modalContent>
      <img [src]="previewImage1" [ngStyle]="{ width: '100%' }" />
    </ng-template>
  </nz-modal>
</sv>
</sv-container>
<div class="modal-footer">
  <button nz-button type="button" (click)="close()">关闭</button>
  <button nz-button type="submit" nzType="primary" (click)="save()" [nzLoading]="http.loading"
          acl  [acl-ability]="['INTERFACE-LIST-confirmReceipt']">确认签收</button
  >
</div>
